$(function(){
    var mathnum =  (Math.random() * 10);
    // console.log(mathnum);
    $("#css").attr('href','scroll.css'+'?css='+mathnum);
    $("#js").attr('src','scroll.js'+'?js='+mathnum);
    function rems(){
        var winWidth =  window.innerWidth;
        var size = (winWidth / 750) * 100;
        document.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px' ;
    }(rems());

    $(".box-content li").eq(0).addClass("active");
    $(".box-list li").eq(0).addClass("active");

    $(".box-content li").each(function(i,v){
        $(this).on("click",function(){
            $(".fixed").show().find('dt').html("<span>"+$(this).children().find("span").first().html()+"</span>"+"<br>"+"<span>"+$(this).children().find("span").last().html()+"</span>"); 
        })
    });

    $(".close").on("click",function(){
        $(this).parents('.fixed').hide();
    });

    /** 
        @param 块级元素 点击按钮 左右按钮：无  默认btn颜色  当前btn颜色  间隔时间  
    **/
    $bannerNext(".box-content",".box-list","","active","active",60000);
    function $bannerNext(obj,btn,next,color,showcolor,date){
        
        var objs=$(obj).children(),
            btns=$(btn).children(),
            next=$(next).children(),
            heights=objs[0].offsetHeight+200,
            color=color,
            showcolor=showcolor,
            num= 0,
            nexts= 0,
            date=date||2000;
        var flag=true;
        var t=setInterval(move,date);
        // 页面切换 停止运行
        document.addEventListener("visibilitychange", function() {
            if(document.hidden === true) {
                console.log('页面被挂起');
                clearInterval(t);
            } else {
                console.log('页面被激活');
                t=setInterval(move,date);
            }
        });

        function move(){
            if(!flag){
                return;
            }
            flag=false;
            nexts++;
            if(nexts>=objs.length){
                nexts=0;
                // 浏览器刷新页面
                window.location.reload();
            }
            objs.eq(num).animate({top:-heights,zIndex:0},"slow");
            objs.eq(nexts).css({top:heights,zIndex:20});
            objs.eq(nexts).animate({top:0},"slow",function(){
                flag=true;
            });
            btns.eq(nexts).addClass(color);
            btns.eq(num).removeClass(color);
            num=nexts;
        }

        $(btns).click(function(){
            var index=$(this).index();
            nexts=index;
            if(!flag){
                return;
            }
            flag=false;
            btns.eq(nexts).addClass(showcolor).siblings().removeClass(showcolor);
            objs.eq(num).animate({top:-heights},"slow");
            objs.eq(nexts).css({top:heights,zIndex:20});
            objs.eq(nexts).animate({top:0},"slow",function(){
                flag=true;
            });
            num=nexts;
        });

        $(obj).parent().hover(function(){
            clearInterval(t);
        },function(){
            t=setInterval(move,date);
        });
        // 触发单挑数据显示
        $(".fixed").hover(function(){
            clearInterval(t);
        },function(){
            t=setInterval(move,date);
        });

    }

    $(".liststr").click(function(){
        if($(".box-list").css("right") == "0px"){
            $(".box-list").animate({right:"-10%"},'slow',function(){
            });
        }else{
            $(".box-list").animate({right:0},'slow');
        }
        
    })
   

})
